﻿@model PageMeta
@{
    ViewBag.Title = Model != null ? Model.Title : "联系我们";
}

@section header{
    @if (Model != null)
    {
        <meta name="keywords" content="@Model.Keyword" />
        <meta name="description" content="@Model.Description" />
    }
}

<div class="banner" style="background:url(/Content/Desktop/img/banner/4.jpg)  no-repeat center center;">
</div>

<div class="wrapper">
    <header class="page-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-5">
                    <a href="/" class="top-logo">
                        <div class="text hidden-xs hidden-sm">
                            <h2> 品牌周边及礼品定制服务商</h2>
                            <p>Brand Peripherals &amp; Customized Gift Service</p>
                        </div>
                    </a>
                </div>
                <div class="col-sm-7 hidden-xs hidden-sm">
                    <div class="leftcol">
                        <h2 class="title hidden-xs">联系我们</h2>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main class="container-fluid page-contact">
        <div class="row">

            <div class="col-md-9 col-md-push-3">
                <div class="photo">
                    <img src="content/desktop/img/contact-bg.jpg" class="item" alt="">
                </div>
            </div>
            <div class="col-md-3 col-md-pull-9">
                <div class="detail">
                    <aside class="leftdes">
                        <header class="hidden-xs hidden-sm">
                            <a href="/" class="back">
                                返回上级
                            </a>
                        </header>

                        <ul>
                            <li>深圳 SHENZHEN</li>
                            <li>邮编518026</li>
                            <li>深圳 福田区 深南中路 中心公园 设计之都 11栋5楼A</li>
                            <li>Ft 5A, Block 11, City of Design,<br /> Central Park, Shen Nan Zhong Road,<br />Futian District, Shenzhen</li>
                            <li>Postcode 518001</li>
                            <li>联系人: 李小姐  COCO</li>
                            <li>Tel:+86 755 2519 4728</li>                         
                        </ul>
                        <div class="sejiao">
                            @if (!string.IsNullOrEmpty(SettingsManager.Social.Oicq))
                            {
                                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=@SettingsManager.Social.Oicq&site=qq&menu=yes" class="qq">
                                    <i class="iconfont icon-QQ"></i>
                                </a>
                            }
                            <a href="#" class="weixin hidden-xs hidden-sm">
                                <i class="iconfont icon-weibiaoti1"></i>
                                <div class="qrcode">
                                    <img src="@SettingsManager.Social.WeiXingCode" alt="@SettingsManager.Social.WeiXing" />
                                </div>
                            </a>
                            <a href="mailto:@SettingsManager.Contact.MailTo" class="email">
                                <i class="iconfont icon-sina"></i>
                            </a>
                        </div>
                        <div class="weixinformobile visible-sm visible-xs">
                            <img src="@SettingsManager.Social.WeiXingCode" alt="@SettingsManager.Social.WeiXing" />
                            <p>关注官方微信</p>
                        </div>
                    </aside>
                </div>
            </div>

        </div>
    </main>
</div>

<a href="/" class="fixedback hidden-md hidden-lg"><i class="iconfont icon-fanhui1"></i></a>

@section footer{

    <script src="~/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script>
        //var initialization = function () {
        //    var winHeight = $(window).height(), headerHeight = $(".page-header").height(), footerHeight = $(".page-footer").height();
        //    var midHeight = (winHeight - headerHeight - footerHeight - 46);
        //    // var imgHeight = $(".photo img").height();

        //    //if (midHeight > imgHeight) {
        //    //    $(".photo").css({ "height": imgHeight + "px" });
        //    //    $(".detail").css({ "height": imgHeight + "px" });
        //    //    var paddingTop = (midHeight - imgHeight) / 2;
        //    //    $(".page-contact").css({ "padding-top": paddingTop + "px" });
        //    //} else {
        //    $(".photo").css({ "height": midHeight + "px" });
        //    $(".detail").css({ "height": midHeight + "px" });
        //    //}
        //}



        $(function () {

            //if (Modernizr.mq('(min-width: 992px)')) {
            //    initialization();
            //} else {
            //    $(".photo").css({ "height": "auto" });
            //    $(".detail").css({ "height": "auto" });
            //}

            //$(window).resize(function () {

            //    if (Modernizr.mq('(min-width: 992px)')) {
            //        initialization();
            //    } else {
            //        $(".photo").css({ "height": "auto" });
            //        $(".detail").css({ "height": "auto" });
            //    }

            //})

        });
        $(window).on("load", function () {
            $(".detail").mCustomScrollbar();
        });


    </script>


}